.mediaLeft{
  width:760px;
  float:left;
  /* box-shadow:0px 1px 10px gray; */
}
.mediaLeftContent{
  float:left;
  width:50%;
  height: 260px;
}
.colTwoContent {
width: 310px;
height: 170px;
margin-left: 35px;
margin-top: 20px;
overflow: hidden;
}
.colTwoTop {
overflow: hidden;
}
.mediaLeft button {
width: 100%;
height: 30px;
outline: none;
border: none;
margin-top: 40px;
font-size: 14px;
}
button.btnDefault {
color: #313133;
background-color: #f8f9fd;
font-weight: 600
}
button.btnRed {
color: #fff;
background-color: #ee4041;
font-weight: 600
}
.personL {
float: left;
width:90px;
height:90px;
cursor: pointer;
}
.personL img{
border-radius: 50%;
cursor: pointer;
}
.personR {
float: left;
position: relative;
overflow: hidden;
margin-left: 15px;
cursor: pointer;
}
.personR > p:nth-child(1) {
text-align: left;
}
.personR > img:nth-child(3) {
margin-top: 11px;
}
.personR > img:nth-child(5) {
margin-left: 18px;
margin-top: 11px;
}
.personR > p:nth-child(2) {
margin-top: 11px;
font-size: 11px;
color: rgb(34, 34, 34);
text-align: left;
}
.personR > p:nth-child(1) > span {
font-size: 18px;
color: rgb(34, 34, 34);
font-weight: bold;
cursor: pointer;
}
.personR > p:nth-child(1) > img {
margin-left: 5px;
margin-top: -5px;
}
.personR > span:nth-child(4) {
position: absolute;
top: 65px;
left: 43px;
font-size: 14px;
}
.personR > span:nth-child(6) {
position: absolute;
top: 65px;
right: 15px;
font-size: 14px;
}
.id {
margin-top: 30px;
width:100%;
overflow: hidden;
}
.id>div {
float: left;
width:33%;
}
.id>div>p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.id > div > p:nth-child(1) {
font-size: 16px;
color: rgb(34, 34, 34);
}
.id > div > p:nth-child(2) {
font-size: 13px;
color: rgb(34, 34, 34);
margin-top: 5px;
}
.strong {
font-size: 16px;
}
.shortVideoContent > div > p:nth-child(1) {
font-size: 18px;
color: rgb(34, 34, 34);
}
.shortVideoContent > div > button {
width: 80px;
height: 24px;
border: 1px solid #9b9a9e;
border-radius: 20px;
margin-top: 10px;
background-color: #fff;
font-size: 14px;
color: rgb(34, 34, 34);
}
.shortVideoContent > div > p:nth-child(1) > img {
margin-top: -5px;
margin-left: 5px;
}
.mediaRight{
  width:210px;
  float:right;
  /* 558 38 520 */
  height: 558px;
  margin-top: -38px;
  overflow: hidden;
  background-color: #F8F9FD;
  box-shadow:  10px 10px 10px red;
  -moz-box-shadow:0px 0px 16px #D4D4D4; -webkit-box-shadow:0px 0px 16px #D4D4D4; box-shadow:0px 0px 16px #D4D4D4;
}
.shortVideo{
width: 100%;
height: 100px;
}
.shortVideoContent{
width: 170px;
height: 100px;
margin: 0 auto;
box-sizing: border-box;
}
.shortVideoContent>div>p:nth-child(1){
font-size: 18px;
color: rgb(34, 34, 34);
margin-top: 23px;
}
.shortVideoContent>div>button{
width:80px;
height: 24px;
border:1px solid #9B9A9E;
border-radius: 20px;
margin-top:10px;
/* background-color: #fff; */
font-size: 12px;
color: rgb(34, 34, 34);
}
.shortVideoContent>div>p:nth-child(1)>img{
margin-top: -5px;
margin-left: 5px;
}
.listNav{
width: 100%;
/* margin-top:20px; */
overflow: hidden;
}
.listNav li{
font-size: 13px;
width: 50%;
height: 30px;
line-height: 30px;
text-align: center;
float: left;
background-color: #EE4041;
color: #fff;
cursor: pointer;
}
.detailList{
margin-top: 4px;
}
.detailList li{
/* 100+30+30 160 520 360px*/
width: 100%;
height: 36px;
line-height: 36px;
overflow: hidden;
}
.detailList li span:nth-child(1){
float: left;
margin-left:8px;
}
.detailList li span:nth-child(2){
font-size: 13px;
color: rgb(102, 102, 102);
float:left;
margin-left:10px;
}
.detailList li span:nth-child(3){
font-size: 12px;
color: rgb(237, 64, 64);
float:right;
margin-right: 15px;
}
.btnList{
width: 100%;
height: 30px;
background-color: #EE4041;
color: #fff;
margin-top: 4px;
}
